<template>
  <div id="app">
    <!-- 顶部导航栏 -->
    <el-menu 
      mode="horizontal"
      :router="true"
      v-if="$route.path !== '/login'">
      <el-menu-item index="/main">首页</el-menu-item>
      <el-menu-item index="/crafts">产品工艺</el-menu-item>
      <el-menu-item index="/materials">原料信息</el-menu-item>
      <el-menu-item index="/stocks">库存信息</el-menu-item>
      <el-menu-item index="/machines">机器信息</el-menu-item>
      <el-menu-item index="/orders">订单信息</el-menu-item>
      <el-menu-item index="/scheduling">排产计划</el-menu-item>
    </el-menu>

    <!-- 页面内容 -->
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.el-menu {
  margin-bottom: 20px;
}
</style>